<!DOCTYPE html>

<html>

<head>

</head>

<body>

<style>

.container2 {

display:flex;

flex-direction:row;width:100px;height:200px;

}

</style>

<style>

.container1 {

display:none;

flex-direction:row;width:100px;height:200px;

}

</style>

<div class="container1">

<img class="item" src="/images/puzzle3_H.jpg" alt="H">

</div>

<div class="container2">

<img class="item" src="/images/puzzle3_D.jpg" alt="D">

<img class="item" src="/images/puzzle3_A.jpg" alt="A">

<img class="item" src="/images/puzzle3_G.jpg" alt="G">

</div>

<div class="container2">

<img class="item" src="/images/puzzle3_J.jpg" alt="J">

<img class="item" src="/images/puzzle3_B.jpg" alt="B">

<img class="item" src="/images/puzzle3_C.jpg" alt="C">

</div>

<div class="container2">

<img class="item" src="/images/puzzle3_F.jpg" alt="F">

<img class="item" src="/images/puzzle3_I.jpg" alt="I">

<img class="item" src="/images/puzzle3_E.jpg" alt="E">

</div>